import React, { Component } from 'react';
import '../styles/MyEntry.scss'
import pic from '../assets/01-首页-快捷入口_03.gif'
import pic1 from '../assets/01-首页-快捷入口_05.gif'
import pic2 from '../assets/01-首页-快捷入口_07.gif'
import pic3 from '../assets/01-首页-快捷入口_09.gif'
import pic4 from '../assets/01-首页-快捷入口_11.gif'
import pic5 from '../assets/01-首页-快捷入口_18.gif'
import pic6 from '../assets/01-首页-快捷入口_19.gif'
import pic7 from '../assets/01-首页-快捷入口_20.gif'
import pic8 from '../assets/01-首页-快捷入口_21.gif'
import pic9 from '../assets/01-首页-快捷入口_22.gif'





class MyEntry extends Component {
    constructor(props){
        super(props);
        this.state = { 
            list:[
                { pic,text:'护肤' },{ pic:pic1,text:'彩妆' },{ pic:pic2,text:'香氛' },
                { pic:pic3,text:'进口酒' },{ pic:pic4,text:'国产酒' },{ pic:pic5,text:'精品奢货' },
                { pic:pic6,text:'食品百货' },{ pic:pic7,text:'母婴专区' },{ pic:pic8,text:'直播专区' },
                { pic:pic9,text:'特卖专场' },
            ]
        }
    }
    render() {
        return (
            <div className='entry'>
                <div className='zi'>1分抵1元。请您点击此处查看《购物须知》。</div>
                {
                    this.state.list.map((item,index)=>{
                        return (
                            <div className="item" key={index}>
                                <img src={item.pic} alt="" />
                                <div className="text">{item.text}</div>
                            </div>
                        )
                    })
                }
            </div>
        );
    }
}

export default MyEntry;